<template>
  <div>
    <van-nav-bar title="收货地址" left-text="" left-arrow @click-left="onClickLeft" >
      <!-- 使用插槽 -->
      <template #right>
        <img src="../../../img/分 享.png" alt="" style="width: 0.6rem;">
      </template>
    </van-nav-bar>
    <div class="Abox">
      <div>
        <p class="zw">暂无收货地址哦~</p>
      </div>
      <button @click="addAddress" class="addAddress">+添加收货地址</button>
    </div>
  </div>
</template>
<script setup lang="ts">
const onClickLeft = () => history.back();
</script>
<style scoped>
.Abox{
  width: 100%;
  height: 14rem;
  background-color: #EEEEEE;
}
.zw {
  font-size: 0.4rem;
  color: #939393;
  position: fixed;
  top: 520px;
  left: 270px;
}

.addAddress {
  width: 80%;
  height: 1.125rem;
  background-color: #0070FF;
  color: #fff;
  border: none;
  border-radius: 20px;
  font-size: 30px;
  margin-left: 10%;
  position: fixed;
  bottom: 90px;
}
</style>
